<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>助管管理系统</title>
    <link href="css/default.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="js/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="js/themes/icon.css" />
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.1.2.2.js"></script>
    <script type="text/javascript" src="js/function/checkUser.js"></script>
    <script type="text/javascript" src="js/common/url.js"></script>
    <script type="text/javascript" src="js/dist/md5.min.js"></script>
    <script src="js/dist/base64.js"></script>
    <script type="text/javascript" src='js/outlook2.js'>
    </script>
    <script type="text/javascript">
    var _menus = {
        "menus": [{
            "menuid": "1",
            "icon": "icon-sys",
            "menuname": "助管离职管理",
            "menus": [{
                "menuid": "12",
                "menuname": "离职信息查看",
                "icon": "icon-role",
                "url": "lizhi-eayui.html"
            }]
        }]
    };
    //设置修改密码窗口
    function openPwd() {
        $('#w').window({
            title: '修改密码',
            width: 300,
            modal: true,
            shadow: true,
            closed: true,
            height: 160,
            resizable: false
        });
        // $('#w').window('open');
    }
    //关闭修改密码窗口
    function closePwd() {
        $('#w').window('close');
    }


    //设置用户登录窗口
    function openLogin() {
        $('#login').window({
            title: '用户登录',
            width: 300,
            modal: true,
            shadow: true,
            closed: true,
            height: 200,
            resizable: false
        });
        $('#login').window('open');
    }
    //关闭用户登录窗口
    function closeLogin() {
        $('#login').window('close');
    }

    function doLogin() {
        var user = {
            "LoginName": $('#LoginName').val(),
            "pwd": btoa(md5($('#pwd').val())),
            "role": $('#role').val()
        }
        $.ajax({
            type: "POST",
            url: baseUrl + 'usr/user/shiroLogin.do' + "?loginName=" + user.LoginName + "&password=" + user.pwd + "&role=" + user.role,
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
            xhrFields: {
                withCredentials: true
            },
            crossDomain: true,
            success: function(result) {
                if (result.status == 1) {
                    alert(result.message);
                    $('#login').window('close');
                    checkUser()
                } else {
                    alert(result.message);
                }

            }
        });
    }

    function init() {

        if (localStorage.loginName) {
            $('#username')[0].innerHTML = localStorage.loginName;
            InitLeftMenu(_menus);
        } else {
            alert('请先登录');
            window.location.href = "./login.html"
        }

    }
    $(function() {
        // checkUser()
        // openLogin();
        // openPwd();
        init()

        closeLogin()
        openPwd();

        $('#btnEp').click(function() {
            serverLogin();
        })
        $('#btnlogin').click(function() {
            doLogin();
        })
        $('#btnLoginCancel').click(function() {
            closeLogin()
        })
        $('#btnCancel').click(function() {
            closePwd();
        })

        $('#loginOut').click(function() {
            $.messager.confirm('系统提示', '您确定要退出本次登录吗?', function(r) {

                if (r) {
                    $.ajax({
                        type: "POST",
                        url: baseUrl + "usr/user/shiroLogout.do",
                        contentType: "application/json; charset=utf-8",
                        dataType: 'json',
                        xhrFields: {
                            withCredentials: true
                        },
                        crossDomain: true,
                        success: function(result) {
                            if (result.status == 1) {
                                window.location.href = "./login.html"

                                // console.log(document.cookie)
                                alert(result.message);
                            } else {
                                alert(result.message);
                            }

                        }
                    });
                    // location.href = '/ajax/loginout.ashx';
                }
            });
        })
    });
    </script>
</head>

<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
    <noscript>
        <div style=" position:absolute; z-index:100000; height:2046px;top:0px;left:0px; width:100%; background:white; text-align:center;">
            <img src="images/noscript.gif" alt='抱歉，请开启脚本支持！' />
        </div>
    </noscript>
    <div region="north" split="true" border="false" style="overflow: hidden; height: 30px;
        background: url(images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%;
        line-height: 20px;color: #fff; font-family: Verdana, 微软雅黑,黑体">
        <span style="float:right; padding-right:20px;" class="head">欢迎   <span id="username"></span> <a href="#" id="loginOut">安全退出</a>
        <a href="./index.html">返回在职人员管理</a></span>
        <span style="padding-left:10px; font-size: 16px; "><img src="images/blocks.gif" width="20" height="20" align="absmiddle" /> 助管管理系统</span>
    </div>
    <div region="south" split="true" style="height: 30px; background: #D2E0F2; ">
        <div class="footer">版权所有：电子科技大学； 开发者：</div>
    </div>
    <div region="west" hide="true" split="true" title="导航菜单" style="width:180px;" id="west">
        <div id="nav" class="easyui-accordion" fit="true" border="false">
            <!--  导航内容 -->
        </div>
    </div>
    <div id="mainPanle" region="center" style="background: #eee; overflow-y:hidden">
        <div id="tabs" class="easyui-tabs" fit="true" border="false">
            <div title="欢迎使用" style="padding:20px;overflow:hidden; color:red; ">
                <h1 style="font-size:24px;">*离职人员管理</h1>
            </div>
        </div>
    </div>
    <!--修改密码窗口-->
    <div id="w" class="easyui-window" title="修改密码" collapsible="false" minimizable="false" maximizable="false" icon="icon-save" style="width: 300px; height: 150px; padding: 5px;
        background: #fafafa;">
        <div class="easyui-layout" fit="true">
            <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
                <table cellpadding=3>
                    <tr>
                        <td>新密码：</td>
                        <td>
                            <input id="txtNewPass" type="Password" class="txt01" />
                        </td>
                    </tr>
                    <tr>
                        <td>确认密码：</td>
                        <td>
                            <input id="txtRePass" type="Password" class="txt01" />
                        </td>
                    </tr>
                </table>
            </div>
            <div region="south" border="false" style="text-align: right; height: 30px; line-height: 30px;">
                <a id="btnEp" class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)">
                    确定</a> <a id="btnCancel" class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)">取消</a>
            </div>
        </div>
    </div>
    <div id="mm" class="easyui-menu" style="width:150px;">
        <div id="mm-tabupdate">刷新</div>
        <div class="menu-sep"></div>
        <div id="mm-tabclose">关闭</div>
        <div id="mm-tabcloseall">全部关闭</div>
        <div id="mm-tabcloseother">除此之外全部关闭</div>
        <div class="menu-sep"></div>
        <div id="mm-tabcloseright">当前页右侧全部关闭</div>
        <div id="mm-tabcloseleft">当前页左侧全部关闭</div>
        <div class="menu-sep"></div>
        <div id="mm-exit">退出</div>
    </div>
</body>

</html>
